﻿@model SLSYJ.Controllers.DTOs.EmployeeDTO
@using SLSYJ.Controllers.Helpers
@{
    this.Layout = null;
}
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/Common.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        //collapsible panel management + collapse initially
        $("#collapsibleHeader").toggleClass("collapsibleExpanded", false).click(function () {
            $(this).toggleClass("collapsibleExpanded").next("#collapsibleBody").slideToggle('fast');
        });
        $("#collapsibleBody").hide();
    });
</script>
<div class="detail">
    <div class="line"></div>
    <article id="article_detail">
        <div class="line"></div>                 
        <div class="articleBody clear">
            <table style="width: 100%;border:0;">
                <tr>
                    <td>
                        <fieldset>
                        <legend>Datos personales</legend>
                            <table style="width: 100%;border:0;">
                                <tr>
                                    <td>
                                        <img src="@(String.IsNullOrEmpty(Model.Picture) ? @Url.Content("~/Content/themes/base/images/facebook-no-image1.gif") : Model.Picture)" id="profileImage" alt='' width='150px' height='150px'/>
                                    </td>
                                    <td>
                                        <table style="width: 100%;border:0;">
                                        <tr>
                                            <td>
                                                <div class="editor-label">
                                                    @Html.LabelFor(model => model.Name)
                                                </div>
                                            </td>
                                            <td>
                                                <div class="editor-field">
                                                    @Html.DisplayFor(model => model.Name)
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="editor-label">
                                                    @Html.LabelFor(model => model.Surname)
                                                </div>
                                            </td>
                                            <td>
                                                <div class="editor-field">
                                                    @Html.DisplayFor(model => model.Surname)
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="editor-label">
                                                    @Html.LabelFor(model => model.DNInumber)
                                                </div>
                                            </td>
                                            <td>
                                                <div class="editor-field">
                                                    @Html.DisplayFor(model => model.DNInumber)
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="editor-label">
                                                    @Html.LabelFor(model => model.CUILnumber)
                                                </div>
                                            </td>
                                            <td>
                                                <div class="editor-field">
                                                    @Html.DisplayFor(model => model.CUILnumber)
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <table>
                                            <tr>
                                            <td>
                                                <div class="editor-label">
                                                    @Html.LabelFor(model => model.Sex)
                                                </div>
                                            </td>
                                            <td>
                                                <div class="editor-field">
                                                    @Html.RadioButtonForEnum(x => x.Sex)
                                                </div>
                                            </td>
                                        </tr>
                                            <tr>
                                            <td>
                                                <div class="editor-label">
                                                    @Html.LabelFor(model => model.DateOfBirth)
                                                </div>
                                            </td>
                                            <td>
                                                <div class="editor-field">
                                                    @Html.DisplayFor(model => model.DateOfBirth)
                                                </div>
                                            </td>
                                        </tr>
                                            <tr>
                                            <td>
                                                <div class="editor-label">
                                                    @Html.LabelFor(model => model.MaritalStatus)
                                                </div>
                                            </td>
                                            <td>
                                                <div class="editor-field">
                                                    @Html.RadioButtonForEnum(x => x.MaritalStatus)
                                                </div>
                                            </td>
                                        </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </fieldset>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="line"></div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <fieldset>
                        <legend>Datos laborales</legend>
                        <table style="width: 100%;border:0;">
                            <tr>
                                <td>
                                    <table style="width: 100%;border:0;">
                                        <tr>
                                            <td>
                                                <div class="editor-label">
                                                    @Html.LabelFor(model => model.FileNumber)
                                                </div>
                                            </td>
                                            <td>
                                                <div class="editor-field">
                                                    @Html.DisplayFor(model => model.FileNumber)
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="editor-label">
                                                    @Html.LabelFor(model => model.CardNumber)
                                                </div>
                                            </td>
                                            <td>
                                                <div class="editor-field">
                                                    @Html.DisplayFor(model => model.CardNumber)
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="editor-label">
                                                    @Html.LabelFor(model => model.HiringDate)
                                                </div>
                                            </td>
                                            <td>
                                                <div class="editor-field">
                                                    @Html.DisplayFor(model => model.HiringDate)
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="editor-label">
                                                    @Html.LabelFor(model => model.Comments)
                                                </div>
                                            </td>
                                            <td>
                                                <div class="editor-field">
                                                    @Html.DisplayFor(model => model.Comments, new { width = 500 })
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td>
                                    <table style="width: 100%;border:0;">
                                        <tr>
                                            <td>
                                                <div class="editor-label">
                                                    @Html.LabelFor(model => model.Salary)
                                                </div>
                                            </td>
                                            <td>
                                                <div class="editor-field">
                                                    @Html.DisplayFor(model => model.Salary)
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="editor-label">
                                                    @Html.LabelFor(model => model.RemunerativeSalary)
                                                </div>
                                            </td>
                                            <td>
                                                <div class="editor-field">
                                                    @Html.DisplayFor(model => model.RemunerativeSalary)
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="editor-label">
                                                    @Html.LabelFor(model => model.NonRemunerativeSalary)
                                                </div>
                                            </td>
                                            <td>
                                                <div class="editor-field">
                                                    @Html.DisplayFor(model => model.NonRemunerativeSalary)
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="editor-label">
                                                    @Html.LabelFor(model => model.HasAgreement)
                                                </div>
                                            </td>
                                            <td>
                                                <div class="editor-field">
                                                    @Html.DisplayFor(model => model.HasAgreement)
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <div class="line"></div>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <div id="collapsibleHeader" class="collapsibleHeader">
                                        <div class="collapsableBlue">
                                            <label>@Html.LabelFor(model => model.EmployeeBank)</label>
                                        </div>
                                    </div>
	                                <div id="collapsibleBody" class="collapsableBlack">
                                        <table>
                                            <tr>
                                                <td>
                                                    <div class="editor-label">
                                                        @Html.LabelFor(model => model.EmployeeBank.Name)
                                                        @Html.EditorFor(model => model.EmployeeBank.Name)
                                                        @Html.ValidationMessageFor(model => model.EmployeeBank.Name)
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="editor-label">
                                                        @Html.LabelFor(model => model.EmployeeBank.AccountNumber)
                                                        @Html.EditorFor(model => model.EmployeeBank.AccountNumber)
                                                        @Html.ValidationMessageFor(model => model.EmployeeBank.AccountNumber)
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="editor-label">
                                                        @Html.LabelFor(model => model.EmployeeBank.CBUNumber)
                                                        @Html.EditorFor(model => model.EmployeeBank.CBUNumber)
                                                    </div>
                                                </td>
                                            </tr>
                                        </table>
	                                </div>
                                </td>
                            </tr>
                        </table>
                    </fieldset>
                    </td>
                </tr>
                <tr>
                    <td>
                        @Html.ActionLink("Modificar", "Editer", new { id = Model.ID }) |
                        <a id='close' href='' class='ocultar'>Cerrar</a>
                    </td>
                </tr>
            </table>
        </div>
    </article>
</div>
